<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="libs/font-awesome-4.6.3/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="libs/Swiper-3.3.1/dist/css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/details.css"/>
		
		<script src="libs/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/iscroll/build/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/details.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<div class="col-xs-2">
				<span class="fa fa-angle-left back"></span>
			</div>
			<div class="col-xs-2">
				
			</div>
			<div class="col-xs-2 details">
				详情
			</div>
			<div class="col-xs-2 comment">
				评论
			</div>
			<div class="col-xs-2">
				
			</div>
			<div class="col-xs-2 ">
				<!--<span class="glyphicon glyphicon-list"></span>-->
				<div class="dropdown">
				  <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
				    <!--Dropdown-->
				    <!--<span class="caret"></span>-->
				    <span class="glyphicon glyphicon-list classifyBtn"></span>
				  </button>
				  <ul class="dropdown-menu classifyMenu" role="menu" aria-labelledby="dropdownMenu1">
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="index.html">首页</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="classify.html">分类</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">购物车</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="userCenter.html">个人中心</a></li>
				  </ul>
				</div>
			</div>
		</header>
		
		<div id="centerContainerDetails">
			<div id="scroller">
				<div class="carouselBox">
					<div class="swiper-container">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"><img src="libs/images/54.jpg" class="pic"></div>
				            <div class="swiper-slide"><img src="libs/images/54.jpg"/></div>
				            <div class="swiper-slide"><img src="libs/images/54.jpg"/></div>
				        </div>
				        <!-- Add Pagination -->
				        <div class="swiper-pagination"></div>
				    </div>
				    <p class="name">斯文印花黑灰色短袖连衣裙</p>
				    <p>￥<span class="price">139</span></p>
				</div>
				
				<div class="info">
					<p>品牌名称：<span class="gray">LETDIOSTO</span></p>
	
					<p>商品名称：<span class="gray">女款黑白色条纹上衣阔腿裤套装</span></p>
					
					<p>产地：<span class="gray">中国</span></p>
					
					<p>材质：<span class="gray">上衣:粘纤77% 聚酯纤维18.5% 氨纶4.5% 裤子:聚酯纤维100% (装饰物除外)</span></p>
					
					<p>洗涤说明：<span class="gray">最高洗涤温度40℃ 不可漂白 平摊晾干 熨斗底板最高温度110℃ 常规干洗（深色或者深色与浅色相拼的衣服洗涤时请注意：不宜用碱性过强的洗涤液；不宜浸泡时间过久）</span></p>
				</div>
				<div class="longPic">
					<img src="libs/images/60.jpg"/>
				</div>
			</div>
		</div>
		
		<footer>
			<a href="shoppingCar.html">
				<div class="col-xs-2 shppingCar">
					<span class="fa fa-shopping-cart car"></span>
					<div class="number">0</div>
				</div>
			</a>
			<div class="col-xs-5 joinCar">
				加入购物车
			</div>
			<div class="col-xs-5 buyNow">
				立即购买
			</div>
		</footer>
	</body>
</html>
